<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*CSS代码注释*/
    </style>
</head>
<body>
<!--通过按钮的事件调用方法-->
<input type="button" value="调用" onclick="f1()">
<!--html代码注释-->
<script>
    /*JavaScript注释*/
    //JavaScript单行注释
    //1.无参无返回值方法
    function f1(){
        console.log("f1");
    }
    //调用方法
    f1();
    //2.有参无返回值方法
    function f2(name,age){
        console.log(name+":"+age);
    }
    f2("刘德华",35);
    //3.无参有返回值
    function f3(){
        return "这是返回值";
    }
    let info=f3();
    console.log(info);
    //4.有参有返回值
    function f4(x,y){
        return x*y;
    }
    let result=f4(6,9);
    console.log(result);
    //第二种声明方法的方式
    let f5=function (name,age){
        console.log(name+":"+age);
    }
    f5("刘备",50);
    //第三种声明方法的方式
    let f6=new Function("name","age","console.log(name+':'+age)");
    f6("张飞",18);
</script>
</body>
</html>